<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="header.jsp" %><!-- header -->
<body>
<%@ include file="nav.jsp" %>
<c:set var="flag" value="true" />
<c:forEach var="bannerInfo" items="${bannerInfoList}" varStatus="status">
	<c:if test="${flag && bannerInfo.bannerType == 3}"><!-- 3 经典案例 -->
		<div class="subBanner" style="background:url(${bannerInfo.bannerImgUrl}) no-repeat center 0;">
		    <div class="box"></div>
		</div>
		<c:set var="flag" value="false" />
	</c:if>
</c:forEach>
<div class="content">
    <div class="box boxMain clearfix">
        <div class="subLeft left">
            <ul class="sunNav">
            	<c:forEach var="typicalCases" items="${typicalCasesList}" varStatus="status">
	                <li><a ${status.index == 0?"class='active'":""}>${typicalCases.typicalName}<br /><span>${typicalCases.typicalSubName}</span></a></li>
                </c:forEach>
            </ul>
        </div>
        <div class="subRight right">
        	<c:forEach var="typicalCases" items="${typicalCasesList}" varStatus="status">
	            <div class="info f14" ${status.index == 0?"style='display:block;'":""}>
	            	<h3>${typicalCases.typicalTitle}</h3>
	                ${typicalCases.typicalContent}
	            </div>
            </c:forEach>
        </div>
    </div>
</div>
<!-- footer -->
<%@ include file="footer.jsp" %>
<script type="text/javascript">
	document.title = "经典案例";//修改标题
	$(function(){	
		//$('.sunNav li a').removeClass('active').eq(about).addClass('active');
		//$('.subRight .info').hide().eq(about).show();
		$('.sunNav li a').click(function(){
			var index = $('.sunNav li a').index(this);
			$(this).addClass('active').parent('li').siblings('li').find('a').removeClass('active');
			$('.subRight .info').hide().eq(index).show();
		});
	});
</script>
</body>

